$(function () {
    for(var i=0;i<$(".img li").length-2;i++){
        $(".lunbo .yuan").append("<li></li>");
    }
    $(".yuan li ").first().addClass('now');
   var ul=$(".img");
   var imgLi=ul.find("li");
   var points=$(".yuan li");
   var imgLiW=imgLi.width();
   var index=1;
   // var length=$(".yuan li").length;
   var animates=function () {
        ul.animate({transform:"translateX("+(-index*imgLiW)+"px)"},300,function () {
            if(index>=imgLi.length-1){
                index=1;
                // ul.css("translateX","translateX("+(-index*imgLiW)+"px)");
                ul.css({"transition":"none",transform:"translateX("+(-index*imgLiW)+"px)"});
            }else if(index<=0) {
                index=imgLi.length-2;
                // ul.css("translateX","translateX("+(-index*imgLiW)+"px)");
                ul.css({"transition":"none",transform:"translateX("+(-index*imgLiW)+"px)"});
            }
            points.removeClass("now").eq(index-1).addClass("now");
            // 如果tiem的值为undefined，说明我们干掉了定时器需要重新开启定时器
            if(time==undefined){
                time=setInterval(function () {
                    index++;
                    animates();
                },1000)
            }
        })
   }
   var time=setInterval(function () {
        index++;
       animates();
   },1000);
    // 左右滑动自带的没有反应
    // ul.swipeRight(function () {
        // clearInterval(time);
        // // 尽管清除了定时器，但是time一直都在
        // time=undefined;
        // index--;
        // animates();
    // })
    // ul.swipeLeft(function () {
    //     clearInterval(time);
    //     // 尽管清除了定时器，但是time一直都在
    //     time=undefined;
    //     index++;
    //     animates();
    // })
    var startX=0;
    var moveX=0;
    var flag=false;
    ul.on("touchstart",function (e) {
        clearInterval(time);
            // // 尽管清除了定时器，但是time一直都在
            time=undefined;
            startX=e.touches[0].clientX;
            console.log(startX);
    })
    ul.on("touchmove",function (e) {
        flag=true;
        var touchmovex=e.touches[0].clientX;
        moveX=touchmovex-startX;
        var translateX=-index*imgLiW+moveX;
        console.log("move"+moveX)
        // ul.style.transition='none';
        // this.style.transform='translateX('+translateX+'px)';
    })
    ul.on("touchend",function (e) {
        console.log("欢动")
        if(flag){
            if(Math.abs(moveX)>=imgLiW/3){
                if(moveX>0){
                    index--;
                }else {
                    index++
                }
                // ul.style.transition='all 0.2s';
                ul.css({"transition":"all 0.2s",transform:"translateX("+(-index*imgLiW)+"px)"});
                animates();
            }
            // else{
            //     ul.style.transition='all 0.2s';
            // }
        }
        animates();
        moveX=0;
        startX=0;
        flag=false;
    })
    document.querySelector(".main_left").addEventListener("touchmove",function (e) {
        e.preventDefault();
    })
    document.querySelector(".mian_right").addEventListener("touchmove",function (e) {
        e.preventDefault();
    })
    /*区域滚动效果*/
    /*条件：一个容器装着一个容器html结构*/
    /*找到大容器*/
    /*子容器大于父容器*/
    new IScroll(document.querySelector(".main_left"),{
        scrollX:false,
        scrollY:true
    });
    new IScroll(document.querySelector(".mian_right"),{
        scrollX:false,
        scrollY:true
    });
    $(".dddd").on("tap",function () {
        console.log("带年纪")
    })
})